<template>
  <div id="app">  
    <div class="main-content-area">
      <router-view/>
    </div>
    <main-tab-nav-bar class="main-tombar"></main-tab-nav-bar>
  </div>
  
</template>

<script>

import MainTabNavBar from '@/components/main_tab_nav_bar/main_tab_nav_bar.vue'

export default {
  name: 'App',
  components: { MainTabNavBar },
}

</script>


<style lang="less" scoped>
#app {
  background-color: #fff;

  .main-content-area{
    width: 100%;
    height: 100%;
    overflow-y: auto;
    margin-bottom: 49px;
  }

  .main-tombar{
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99999;
  }
}
</style>
